import React, { Component } from 'react'
import { bool,func,string } from 'prop-types'
import './Tab.css'

export default class Tab extends Component {
    
	// // 删除方法
	// del(index) {
	//     arr.splice(index,1)
	//     render(arr)
	//     saveList()
	// }
	// // 记录商品列表状态
	// saveList () {
	//     localStorage.setItem("shoplist",JSON.stringify(arr))
	// }
  render() {
    return (
        <div>
            <table border>
                <thead>
                    <tr>
                        <th>全选<input type="checkbox"/></th>
                        <th>序号</th>
                        <th>姓名</th>
                        <th>价格</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    {
					  this.props.state.arr.map((row,index)=>{
						return (<tr key={index}>
						  {
							 row.map((cell,index)=>{
							 return <td >{cell}</td>
							 })
						  }
						 </tr>
						  )
					  })
					}

                </tbody>
            </table>
        </div>
            
    )
  }
}
